﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ViewProyecto.aspx.cs" Inherits="Proyectos_ViewProyecto" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ Register Assembly="GMaps" Namespace="Subgurim.Controles" TagPrefix="cc1" %>
<%@ Register Src="CreacionProyectos/wucProyecto.ascx" TagName="wucProyecto" TagPrefix="ucCP" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
    <ext:ResourceManager ID="smVerProyecto" runat="server" />
    <script type="text/javascript" language="javascript" src="../resources/utilidades.js"></script>
    <ext:Store ID="StoreProgramas" runat="server">
        <Reader>
            <ext:JsonReader IDProperty="Key">
                <Fields>
                    <ext:RecordField Name="Value" />
                    <ext:RecordField Name="Key" />
                </Fields>
            </ext:JsonReader>
        </Reader>
    </ext:Store>
    <ext:Store ID="StoreEstado" runat="server">
        <Reader>
            <ext:JsonReader IDProperty="Key">
                <Fields>
                    <ext:RecordField Name="Value" />
                    <ext:RecordField Name="Key" />
                </Fields>
            </ext:JsonReader>
        </Reader>
    </ext:Store>
    <ext:Store ID="StoreEje" runat="server">
        <Reader>
            <ext:JsonReader IDProperty="Key">
                <Fields>
                    <ext:RecordField Name="Value" />
                    <ext:RecordField Name="Key" />
                </Fields>
            </ext:JsonReader>
        </Reader>
    </ext:Store>
    <ext:Store ID="StoreTipo" runat="server">
        <Reader>
            <ext:JsonReader IDProperty="Key">
                <Fields>
                    <ext:RecordField Name="Value" />
                    <ext:RecordField Name="Key" />
                </Fields>
            </ext:JsonReader>
        </Reader>
    </ext:Store>
    <ext:Store ID="StoreProyectos" runat="server" OnRefreshData="StoreRefresh" AutoLoad="false">
        <Reader>
            <ext:JsonReader IDProperty="Id">
                <Fields>
                    <ext:RecordField Name="Id" />
                    <ext:RecordField Name="Nombre" />
                    <ext:RecordField Name="FechaInicio" Type="Date" DateFormat="Y-m-dTh:i:s" />
                    <ext:RecordField Name="FechaFin" Type="Date" DateFormat="Y-m-dTh:i:s" />
                    <ext:RecordField Name="Presupuesto" />
                    <ext:RecordField Name="Latitud" />
                    <ext:RecordField Name="Longitud" />
                    <ext:RecordField Name="Viabilidad" />
                    <ext:RecordField Name="Dictamen" />
                </Fields>
            </ext:JsonReader>
        </Reader>
        <Proxy>
            <ext:PageProxy>
            </ext:PageProxy>
        </Proxy>
        <BaseParams>
            <ext:Parameter Name="cbxProgramas_bprm" Value="#{cbxProgramas}.getValue()" Mode="Raw" />
            <ext:Parameter Name="cbxEje_bprm" Value="#{cbxEje}.getValue()" Mode="Raw" />
            <ext:Parameter Name="cbxCategorias_bprm" Value="#{cbxCategorias}.getValue()" Mode="Raw" />
            <ext:Parameter Name="cbxEstado_bprm" Value="#{cbxEstado}.getValue()" Mode="Raw" />
            <ext:Parameter Name="txtNombrePrograma_bprm" Value="#{txtNombrePrograma}.getValue()"
                Mode="Raw" />
        </BaseParams>
    </ext:Store>
    <ext:Panel ID="Panel1" BodyStyle="padding:15px;background-color:#E7E4DD;" runat="server"
        AutoHeight="true">
        <Items>
            <ext:Panel ID="Panel2" runat="server" BodyStyle="background-color:Transparent;" Layout="Column">
                <Items>
                    <ext:Panel ID="Panel3" runat="server" Border="false" Header="false" BodyStyle="padding:10px;background-color:Transparent;"
                        ColumnWidth=".33" Layout="Form">
                        <Items>
                            <ext:ComboBox Editable="false" FieldLabel="Eje" ID="cbxEje" StoreID="StoreEje" runat="server"
                                DisplayField="Value" ValueField="Key" TypeAhead="true" ForceSelection="true"
                                AnchorHorizontal="95%" TriggerAction="All" Grow="true" GrowMax="300" EmptyText="Todos"
                                SelectOnFocus="true" AutoDataBind="True">
                                <Triggers>
                                        <ext:FieldTrigger Icon="Clear" />
                                    </Triggers>
                                    <Listeners>
                                         <Select Handler="this.triggers[0].show();" />
                                          <BeforeQuery Handler="this.triggers[0][ this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
                                         <AfterRender Handler="this.triggers[0][ Ext.isEmpty(this.getValue()) ? 'hide' : 'show']();" />
                                            <TriggerClick Handler="if(index == 0) { this.clearValue(); this.triggers[0].hide(); }" />
                                    </Listeners>
                            </ext:ComboBox>
                            <ext:ComboBox Editable="false" FieldLabel="Estado" ID="cbxEstado" runat="server"
                                AnchorHorizontal="95%" StoreID="StoreEstado" DisplayField="Value" ValueField="Key"
                                TypeAhead="true" ForceSelection="true" TriggerAction="All" Grow="true" GrowMax="300"
                                EmptyText="Todos" SelectOnFocus="true" AutoDataBind="True">
                               <Triggers>
                                        <ext:FieldTrigger Icon="Clear" />
                                    </Triggers>
                                    <Listeners>
                                         <Select Handler="this.triggers[0].show();" />
                                          <BeforeQuery Handler="this.triggers[0][ this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
                                         <AfterRender Handler="this.triggers[0][ Ext.isEmpty(this.getValue()) ? 'hide' : 'show']();" />
                                            <TriggerClick Handler="if(index == 0) { this.clearValue(); this.triggers[0].hide(); }" />
                                    </Listeners>
                            </ext:ComboBox>
                        </Items>
                    </ext:Panel>
                    <ext:Panel ID="Panel4" Height="70" runat="server" Border="false" BodyStyle="padding:10px;background-color:Transparent;"
                        ColumnWidth=".34" Layout="Form">
                        <Items>
                            <ext:ComboBox Editable="false" FieldLabel="Programa" ID="cbxProgramas" runat="server"
                                AnchorHorizontal="95%" StoreID="StoreProgramas" DisplayField="Value" ValueField="Key"
                                TypeAhead="true" ForceSelection="true" TriggerAction="All" Grow="true" GrowMax="300"
                                EmptyText="Todos" SelectOnFocus="true" AutoDataBind="True">
                               <Triggers>
                                        <ext:FieldTrigger Icon="Clear" />
                                    </Triggers>
                                    <Listeners>
                                         <Select Handler="this.triggers[0].show();" />
                                          <BeforeQuery Handler="this.triggers[0][ this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
                                         <AfterRender Handler="this.triggers[0][ Ext.isEmpty(this.getValue()) ? 'hide' : 'show']();" />
                                            <TriggerClick Handler="if(index == 0) { this.clearValue(); this.triggers[0].hide(); }" />
                                    </Listeners>
                            </ext:ComboBox>
                            <ext:TextField FieldLabel="Nombre" ID="txtNombrePrograma" runat="server" AnchorHorizontal="95%" />
                        </Items>
                    </ext:Panel>
                    <ext:Panel ID="Panel5" Height="70" runat="server" Border="false" BodyStyle="padding:10px;background-color:Transparent;"
                        ColumnWidth=".33" Layout="Form">
                        <Items>
                            <ext:ComboBox Editable="false" FieldLabel="Tipo" ID="cbxCategorias" StoreID="StoreTipo"
                                AnchorHorizontal="95%" runat="server" DisplayField="Value" ValueField="Key" TypeAhead="true"
                                ForceSelection="true" TriggerAction="All" Grow="true" GrowMax="300" EmptyText="Todos"
                                SelectOnFocus="true" AutoDataBind="True">
                                <Triggers>
                                        <ext:FieldTrigger Icon="Clear" />
                                    </Triggers>
                                    <Listeners>
                                         <Select Handler="this.triggers[0].show();" />
                                          <BeforeQuery Handler="this.triggers[0][ this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
                                         <AfterRender Handler="this.triggers[0][ Ext.isEmpty(this.getValue()) ? 'hide' : 'show']();" />
                                            <TriggerClick Handler="if(index == 0) { this.clearValue(); this.triggers[0].hide(); }" />
                                    </Listeners>
                            </ext:ComboBox>
                        </Items>
                    </ext:Panel>
                </Items>
            </ext:Panel>
            <ext:Panel ID="Panel6" runat="server" AutoHeight="true" BodyStyle="padding-top:15px;background-color:Transparent;"
                Border="false">
                <Content>
                    <center>
                        <ext:Button runat="server" ID="btnBuscar" Text="Buscar" Icon="Find">
                            <%--
                        <DirectEvents>
                            <Click OnEvent="btnBuscar_Click">
                                <EventMask ShowMask="true" />
                            </Click>
                        </DirectEvents>
                            --%>
                            <Listeners>
                                <Click Handler="#{StoreProyectos}.load();" />
                            </Listeners>
                        </ext:Button>
                    </center>
                </Content>
            </ext:Panel>
        </Items>
    </ext:Panel>
    <ext:GridPanel ID="GridPanelProyectos" runat="server" StoreID="StoreProyectos" StripeRows="true"
        AutoWidth="true" AutoHeight="true" Title="Proyectos" AutoExpandColumn="NombreProyecto">
        <ColumnModel ID="ColumnModel1" runat="server">
            <Columns>
                <ext:CommandColumn Header="Localización" Width="80">
                    <Commands>
                        <ext:GridCommand CommandName="Ubicacion" ToolTip-Text="Ver ubicación geográfica"
                            Icon="World" />
                    </Commands>
                </ext:CommandColumn>
                <ext:CommandColumn Header="Opciones" Width="70">
                    <Commands>
                        <ext:GridCommand CommandName="Editar" Icon="ApplicationEdit" ToolTip-Text="Editar datos del proyecto">
                        </ext:GridCommand>
                        <ext:GridCommand ToolTip-Text="Eliminar Proyecto" Icon="PageDelete" CommandName="Eliminar">
                        </ext:GridCommand>
                    </Commands>
                </ext:CommandColumn>
                <ext:Column ColumnID="NombreProyecto" Header="Proyecto" Width="180" Sortable="true"
                    DataIndex="Nombre" />
                <ext:Column Header="Fecha Inicio" Width="145" Sortable="true" DataIndex="FechaInicio">
                    <Renderer Fn="Ext.util.Format.dateRenderer('j \\de F \\de\\l Y')" />
                </ext:Column>
                <ext:Column Header="Fecha Fin" Width="145" Sortable="true" DataIndex="FechaFin">
                    <Renderer Fn="Ext.util.Format.dateRenderer('j \\de F \\de\\l Y')" />
                </ext:Column>
                <ext:Column Header="Presupuesto" Width="120" Sortable="true" DataIndex="Presupuesto">
                    <Renderer Format="UsMoney" />
                </ext:Column>
                <ext:Column DataIndex="Dictamen" Header="Dictamen" Width="60" Hidden="true" />
                <ext:Column Header="Viabilidad" Width="70" Sortable="true" DataIndex="Viabilidad"
                    Hidden="true" />
            </Columns>
        </ColumnModel>
        <DirectEvents>
            <Command OnEvent="EjecutarAccion">
                <ExtraParams>
                    <ext:Parameter Name="Comando" Value="command" Mode="Raw" Encode="False" />
                    <ext:Parameter Name="Nombre" Value="record.data.Nombre" Mode="Raw" />
                    <ext:Parameter Name="Id" Value="record.data.Id" Mode="Raw" />
                </ExtraParams>
                <EventMask ShowMask="true" />
                <Confirmation BeforeConfirm="if(command=='QViabilidad' || command=='QDictamen'){return true;} else {return false;}"
                    ConfirmRequest="true" Message="Esta seguro de quitar el " Title="Aviso" />
            </Command>
        </DirectEvents>
        <SelectionModel>
            <ext:RowSelectionModel ID="RowSelectionModel1" runat="server" SingleSelect="true">
            </ext:RowSelectionModel>
        </SelectionModel>
        <BottomBar>
            <ext:PagingToolbar ID="ptbPerfilProyecto" runat="server" StoreID="StoreProyectos"
                DisplayInfo="true" DisplayMsg="Proyectos {0} - {1} of {2}" EmptyMsg="No existen Proyectos" />
        </BottomBar>
    </ext:GridPanel>
    <ucCP:wucProyecto runat="server" ID="wucProyecto1" />
    <ext:Window runat="server" ID="winUbicacion" Width="800" Height="400" Hidden="true"
        Modal="true" Maximizable="true">
        <Items>
        </Items>
    </ext:Window>
    </form>
</body>
</html>
